<template>
  <div id="notFound">
    <van-empty
      class="notFound"
      image="https://img.yzcdn.cn/vant/custom-empty-image.png"
      description="没有找到页面"
    />
  </div>
</template>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  #notFound{
    width: 100%;
    height: 100%;
  }
  /deep/.notFound{
    padding-top: calc((100vh - 140px) / 2);
    .van-empty__image {
      width: 90px!important;
      height: 90px!important;
    }
  }
</style>

<script lang="ts">
// @ is an alias to /src
import { Component, Prop, Vue, Watch, Model } from 'vue-property-decorator';
import router from '../router';
import {Empty} from 'vant';

Vue.use(Empty);

@Component
export default class FrameComponent extends Vue {
  
}
</script>
